<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TreeGrid</title>
    <!--必须要引入的easyUI资源  按顺序引入-->
    <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
</head>
<body>
        <table id="tb" class="easyui-treegrid" title="树形数据表" style="width:800px;height:200px"
               data-options="
                iconCls: 'icon-ok',
				rownumbers: true,
				animate: true,
				collapsible: true,
				fitColumns: true,
				url: 'treegrid_data2.json',
				method: 'get',
				idField: 'id',
				treeField: 'name',
				checkbox :true
                ">
            <thead>
            <tr>
                <th data-options="field:'name',width:150">名称</th>
                <th data-options="field:'password',width:150">密码</th>
                <th data-options="field:'age',width:150">年龄</th>
                <th data-options="field:'sex',width:150">性别</th>
                <th data-options="field:'addr',width:150">地址</th>
            </tr>
            </thead>
        </table>
</body>
</html>